﻿.popWin{left:1%;z-index:999999;overflow:hidden;background:#5f9bcf url(/images/phone.png) no-repeat 70px center;background-size:auto 70px;box-shadow:0 0 10px #666;color:#fff;text-align:center;opacity:.7;-moz-opacity:.7;-khtml-opacity:.7}
.popWin .closeBtn{float:right;display:block;margin:2px 10px 2px 2px;height:26px;border-style:none;color:#fff;text-decoration:none;font-weight:700;font-size:30px;line-height:normal;cursor:pointer}
.popWin .info{padding:5px 10px 10px 20px;height:90px;vertical-align:middle;text-align:center;font-size:32px;line-height:90px}
.screen { max-height: 420px; padding: 10px 0; overflow-x: auto; position: relative; }
    .screen .catetitle { font-size: 14px; line-height: 24px; text-align: left; padding: 0 10px; margin: 0; display: block; }
.group::after { content: ""; display: block; clear: both; }
#leagueSel .group, #countryList .group { width: calc(100% - 20px); display: block; padding: 0 10px; float: none; }
    #leagueSel .group li, #countryList .group li { width: 120px; margin: 4px 2px; padding: 0; color: #666; line-height: 24px; border: 1px solid #d5d5d5; border-radius: 4px; display: inline-block; cursor: pointer; position: relative; }
        #leagueSel .group li:hover, #countryList .group li:hover { background: #f0f7ff; }
        #leagueSel .group li.on, #countryList .group li.on { border-color: #abc9ea; }
#DivLeague, #DivCountry { width: 666px; left: 180px; }
.screen .cb { width: 12px; height: 12px; border: 1px solid #999; border-radius: 50%; position: absolute; top: 6px; left: 4px; display: inline-block; }
    .screen .cb::after { content: ""; width: 7px; height: 4px; position: absolute; top: 3px; left: 2px; border-left: 1px solid #999; border-bottom: 1px solid #999; transform: rotate(-45deg); }
.screen .on .cb, .screen .on .cb::after { border-color: #277bd5; }
.screen .on .txt { color: #277bd5; }
.screen .txt { display: inline-block; text-align: left; padding-left: 22px; }
    .screen .txt sub { color: #999; vertical-align: 0; }

a.recommend {display: none;padding: 1px 2px;background: #e9410f;color: white;margin-left: 3px;border-radius: 3px;}
.matchData a { margin-left: 4px; }
.fr .matchData { width: 75px; margin: 0 auto; text-align: left; }
.deBox { position: absolute; left: 50%; width: 70px; top: 0px; height: 100%; }
#ScoreDiv table { border-right: 1px solid #C6C6C6; border-bottom: 1px solid #C6C6C6 }
    #ScoreDiv table td { border-left: 1px solid #C6C6C6; border-top: 1px solid #C6C6C6; padding: 5px }
    #ScoreDiv table .showTxtAd td:empty { border-width: 0; padding: 0; }
.livetab { position: absolute; z-index: 8 }

.notifyPanel { padding-left: 65px;width: 920px;height: 30px;flex-direction: column;justify-content: center;display: flex;float: left;gap: 2px;text-indent:-64px;}
.td_corner { color: #4d4df5 }
.leftD { text-align: left; padding-left: 3px; text-align: left; line-height: 20px }
.rightD { text-align: right; padding-right: 3px; text-align: right; line-height: 20px }